<!doctype html>
<html lang="en">
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact Us | Religant</title>
<meta name="author" content="Religant- Nizam c.s" />
	<meta name="keywords" content="Religant, Corporate Design, Webseite, Webdesign,  Marketing, Strategie, CMS
Print, Jobs, Branding, Design, Media" />
	<meta name="description" content="Religant- Contact us" />
	<meta name="robots" content="all" />
    
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <link rel="stylesheet" type="text/css" href="formap.css"/>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
	<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
	<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
	<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
	
 <!--   <script type="text/javascript" src="d44.js"></script>-->
	<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<!-- BeginOAWidget_Shared_2187524 -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<!-- EndOAWidget_Shared_2187524 -->
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2187524" binding="#mapCanvas" />
</oa:widgets>
-->
</script>
</script>
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->

<style type="text/css">


a li {
	width: 180px;
	height: 100px;
	list-style: none;
	position: relative;
	cursor: pointer;
	}

li div {
	width: 100%;
	height: 100%;
	position: absolute;

	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	-webkit-backface-visibility: hidden;
}

li:hover .front {
	z-index: 0;

	-webkit-transform: rotatey(180deg);
	-moz-transform: rotatey(180deg);
	-o-transform: rotatey(180deg);
	-ms-transform: rotatey(180deg);
	transform: rotatey(180deg);
}

.front {
	z-index: 3;
}

.back {
	-webkit-transform: rotatey(180deg);
	-moz-transform: rotatey(180deg);
	-o-transform: rotatey(180deg);
	-ms-transform: rotatey(180deg);
	transform: rotatey(180deg);
}

li:hover .back {
	-webkit-transform: rotatey(0);
	-moz-transform: rotatey(0);
	-o-transform: rotatey(0);
	-ms-transform: rotatey(0);
	transform: rotatey(0);
}
.whitefont{
	color:#FFF;
}
</style>

</head>

<body class="no-iDevice">
<div id="Main">
<div id="Main-2">
<div class="scrollContainer" style="background-color:#333;" >
<table class="scrollContent"  >
<tr>
<td>
<div class="contentHolder dark whitefont">
<div id="FormContainer">
<div id="FormContent">
<h1 id="FormHeadline">Religant</h1>
	<div id="FormText">#4, TC 25/ 405, Panchajanyam Gardens, Shanthi Nagar, Govt. Press Road, Trivandrum, Kerala - 695001, India			<br /><a href="mailto:info@activapps.com" class="mailaddress">info<span style="">@</span><span style="	display: none;">ping</span>activapps<span style="">.</span><span style="display: none;">pong</span>com</a></div>
    <div id="FormForm">
    <form name="contactForm" method="POST" action="http://www.activapp.hostingsiteforfree.com/religant/email.php">
        <div class="row"><span id="sprytextfield1">
        <input type="text" id="name" name="Name" placeholder="Name"  />
         <span class="textfieldRequiredMsg">Name is required.</span></span>
        </div>
        <div class="row">
        <input type="text" id="company" name="Company" placeholder="Company" />
        </div>
        <div class="row"><span id="sprytextfield2">
        <input type="text" id="mail" name="Email" placeholder="Email" />
          <span class="textfieldRequiredMsg">Email is required.</span></span>
        </div>
        <div class="row">
        <input type="text" id="phone" name="Contactnumber" placeholder="Contact number" />
        </div>
        <div class="row">
        <div class="textAreaContainer">
        <div class="textAreaContent">
        <textarea id="message" name="Message" placeholder="Your message here"></textarea>
        </div>
        </div>
        </div>
        <div id="SubmitContainer">
        <input type="submit" name="submit" id="submit" value="Submit">
        </div>
        <div id="SentMessage">request has been sent successfully!</div>
        </form>
    </div>
</div>
</div>
</div>
</td>
<td>

<div id="mapCanvas" style=" min-width:300px; min-height:300px"></div>

<script type="text/javascript">
// BeginOAWidget_Instance_2187524: #mapCanvas

	  // initialize the google Maps 	
	
     function initializeGoogleMap() {
		// set latitude and longitude to center the map around
		var latlng = new google.maps.LatLng(8.49442, 
											76.95081);
		
		// set up the default options
		var myOptions = {
		  zoom: 17,
		  center: latlng,
		  navigationControl: true,
		  navigationControlOptions: 
		  	{style: google.maps.NavigationControlStyle.DEFAULT,
			 position: google.maps.ControlPosition.TOP_LEFT },
		  mapTypeControl: true,
		  mapTypeControlOptions: 
		  	{style: google.maps.MapTypeControlStyle.DEFAULT,
			 position: google.maps.ControlPosition.TOP_RIGHT },

		  scaleControl: true,
		   scaleControlOptions: {
        		position: google.maps.ControlPosition.BOTTOM_LEFT
    	  }, 
		  mapTypeId: google.maps.MapTypeId.ROADMAP,
		  draggable: true,
		  disableDoubleClickZoom: true,
		  keyboardShortcuts: true
		};
		var map = new google.maps.Map(document.getElementById("mapCanvas"), myOptions);
		if (false) {
			var trafficLayer = new google.maps.TrafficLayer();
			trafficLayer.setMap(map);
		}
		if (false) {
			var bikeLayer = new google.maps.BicyclingLayer();
			bikeLayer.setMap(map);
		}
		if (true) {
			addMarker(map,8.49442,76.95081,"Religant");
		}
	  }

	  window.onload = initializeGoogleMap();

	 // Add a marker to the map at specified latitude and longitude with tooltip
	 function addMarker(map,lat,long,titleText) {
	  	var markerLatlng = new google.maps.LatLng(lat,long);
	 	var marker = new google.maps.Marker({
      		position: markerLatlng, 
      		map: map, 
      		title:"Religant",
			icon: "images/map-marker.png"});   
	 }

	
// EndOAWidget_Instance_2187524
</script>

</td>

</tr>
</table>
</div>

</div>
<div id="MenuContainer">
<table id="MenuContent">
<tr>
<td>

<ul id="navbar" class="MenuBarVertical">
  <li><a href="home.html"target="_self"><span>Home</span> </a></li>
  <li><a href="company.html" target="_self"><span>Company</span></a></li>
  <li><a href="services.html" target="_self"class="MenuBarItemSubmenu"><span>Services</span></a>
    <ul>
      <li><a href="#">Application Development</a></li>
      <li><a href="#">Web Development</a></li>
      <li><a href="#">Mobile Apps Development</a></li>
      <li><a href="#">Web Design</a></li>
      <li><a href="#">Support and Maintenance</a></li>
    </ul>
  </li>
  <li><a href="career.html" target="_self">Careers</a></li>
  <li><a href="#" target="_self" class="Level0Item Level0ItemSelected">Contact Us</a></li>
</ul>
</td>
</tr>
</table>

<div id="MenuBottom">

<a id="FacebookProfile" href="http://www.facebook.com/activapps" target="_blank"></a>
<a id="TwitterProfile" href="http://www.twitter.com/activapps" target="_blank"></a> 
<a id="LinkedinProfile" href="http://www.linkedin.com/activapps" target="_blank"></a> 
</div>
</div>
<a id="Logo" href="home.html">
<ul>
	<li>
    <div class="front"><img src="images/logo_front.png"></div>
    <div class="back"><img src="images/logo.png"></div>
    </li>
</ul>
</a><!-- end logo-->
</div><!-- end Main-->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("navbar", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
</script>
</body>
</html>